<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        h1{
            background-color: yellow;
            height: 40px;
        }
        .menu{
            background-color: green;
            height: 80px;
            width: 200px;
            float: left;
        }


    </style>

    {% block css %}

    {% endblock %}
</head>
<body>
<a href="/home/">回到首页</a>
<h1>91业先生</h1>

<div class="menu">

    <div class="c1">
        <a href="/menu1/">菜单1</a>
    </div>
    <div class="c2">
        <a href="/menu2/">菜单2</a>
    </div>
    <div class="c3">
        <a href="/menu3/">菜单3</a>

    </div>

</div>
<div class="content">
    {% block content %}  <!-- 预留的钩子,共其他需要继承它的html,自定义自己的内容 -->
        这是模板
    {% endblock %}

</div>



</body>

{% block js %}

{% endblock %}

</html>